<template>
    <div class="header">
        <van-icon name="arrow-left" size="26" @click="goback" />
       <!-- 根据点击的是哪一个进行选择显示 -->
           <div class="header_title">
               {{sex}}
               </div>    
       <div class='more'></div>
    </div>
</template>

<script>
export default {
    name:"compontHeader",
    data(){
        return{
            icon:'&#xe6e0;',
            pase:false
        }
    },
    props:{
        sex:{
            type:String,
            required:true
        }
    },
    methods:{
        goback(){
            this.$router.back(-1)
        }
    }
    
}
</script>

<style scoped>
    .header{
        font-size: 19px;
        width: 100%;
        height: .5rem;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color:#333;
    }
    .header_title{
font-size:.18rem !important;
font-family:PingFangSC-Medium,PingFang SC;
font-weight:500;
color:rgba(51,51,51,1);
    }
    i{
        padding-left: .05rem;
    }
    .more{
        padding-right: .1rem;
        font-size: 20px;
        color: #666666;
    }

    
</style>